<html>
<head>
	<script type="text/javascript" src="jquery.js"></script>
	<style type="text/css">
	input{
		margin-right:auto;
	}
	form{
		text-align:right;
		margin-top:70px;
		margin-right:20px;
		font-family: Verdana, Geneva, sans-serif;
		text-shadow: 2px 2px 2px gray;
		font-size: 20;
		color: #FFFFFF;
	}
	#title_name{
		text-align:right;
		text-shadow: 3px 3px 3px #000000;
		margin-bottom: 10px;
		font-size:50px;
		font-family: Verdana, Geneva, sans-serif;
		font-style:italic;
		color: gray;
	}
	#logg{
		background:url(bg2.jpg);
		-moz-background-size:100% 100%; /* Firefox 3.6 */
		background-size:100% 100%;
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;
		width: 1000px;
		height: 700px;
		background-color: gray;
		border:2px solid;
		border-radius:25px;
		-moz-border-radius:25px; /* Firefox 3.6 and earlier */		
	}
	a{
		text-shadow: 1px 1px 1px #ABCDEF;
	}
	</style>
	<title>Login</title>
</head>
</body>
<div id=logg>
<div id=title_name>
Turn the Tide Online
</div>
<form>
<!--
TODO: Login PHP and Registration PHP
-->
User Name:<input type="text" id="user" /><br />
Password:<input type="password" id="pw" /><br />
<input type="submit" value="Login"><input type="reset" value="clear">
<a href="reg.html">Registration</a>
</form>
</div>
</body>
</html>
